// 帮助中心
<template>
  <div class="help-center">
    <!-- 头部导航栏 -->
    <navigation-bar>
      <template>
        <img src="@/assets/img/logo.svg" alt />
      </template>
    </navigation-bar>
    <!-- 帮助中心头部 -->
    <public-header :imgUrl="backgroundImg">
      <h1>欢迎来到鸿浩帮助中心</h1>
      <p>首页/ 帮助中心</p>
    </public-header>
    <!-- 操作指引 -->
    <operation-guide></operation-guide>
    <!-- 常见问题 -->
    <look-problem></look-problem>
    <!-- 底部链接导航 -->
    <footer-link></footer-link>
  </div>
</template>
<script>
import OperationGuide from "@/components/help_center/home/operation-guide"; //操作指引
import LookProblem  from '@/components/help_center/home/look-problem'//常见问题
export default {
  name: "HelpCenter",
  data() {
    return {
      backgroundImg: require("@/assets/img/help_center/pexels-photo-3.jpg") //头部背景图片地址
    };
  },
  components: {
    OperationGuide,
    LookProblem
  }
};
</script>
<style lang='scss' scoped>
.help-center {
  width: 100%;
}
</style>